<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="icon" href="/static/cart//img/心04.png" type="/image/x-icon"/>
	<link rel="stylesheet" href="/static/cart//css/One_bdyStyle.css">
	<link rel="stylesheet" href="/static/cart//css/index.css">
	<script src="/static/cart/js/jquery-3.1.1.min.js" charset="utf-8"></script>
	<link rel="stylesheet" href="/static/cart//css/One_mainFoot.css">
	<link rel="stylesheet" href="/static/cart//css/font-awesome-4.7.0/css/font-awesome.css"/>
</head>

<body>
<header>
	<a name="mao1">
		<div class="header">

			<ul class="header-left">
				<li>

					<a href="/">首页</a>
				</li>

			</ul>
			<ul class="header-right">
				<li>
					<a th:if="${session.loginUser == null}" href="/auth/login.html" class="li_2">你好，请登录</a>
					<a th:if="${session.loginUser != null}">欢迎, [[${session.loginUser.nickname}]]</a>
				</li>
				<li>
					<a th:if="${session.loginUser == null}" href="/auth/reg.html" style="color: red;">免费注册</a>
				</li>
				<li class="spacer"></li>
				<li><a href="/cart/list.html">我的订单</a></li>
				<li class="spacer"></li>

			</ul>
			<div style="clear: both;"></div>
		</div>

	</a>
</header>


<div class="one_search">

	<div class="one_sousuo">
		<div class="one_search_top">
			<div class="one_top_left">
				<a href="/" class="one_left_logo"><img src="/static/cart/img/logo1.jpg"></a>
				<a href="/cart/cart.html" class="one_left_link">购物车</a>
			</div>
			<div class="one_top_right">
				<input type="text" class="one_right_txt" placeholder="" onfocus="this.placeholder=''"
				       onblur="this.placeholder='' ">
				<input type="button" value="搜索" class="one_right_btn">
			</div>
		</div>
		<div class="one_search_load" th:if="${session.loginUser == null}">
			<img src="/static/cart/img/shop_07.jpg" class="one_load_wraing">
			<span>您还没有登录！登录后购物车的商品将保存到您账号中</span>
			<a href="#"><input type="button" onclick="login()" value="立即登录" class="one_load_btn"></a>
		</div>
	</div>
</div>
<div class="One_BdyShop">
	<div class="OneBdy_box">
		<div class="One_tabTop">
			<div class="One_Topleft">
				<span>全部商品 </span>

			</div>

		</div>
		<div class="One_ShopTop">
			<ul>
				<li><input type="checkbox" class="allCheck">全选</li>
				<li>商品</li>
				<li>单价</li>
				<li>数量</li>
				<li>小计</li>
				<li>操作</li>
			</ul>
		</div>

		<div class="One_ShopCon">
			<h1 th:if="${cart.items == null}">
				购物车还没有商品，<a href="/">去购物</a>
			</h1>
			<ul th:if="${cart.items != null}">
				<li th:each="item:${cart.items}">
					<div>
					</div>
					<div>
						<ol>
							<li><input type="checkbox" th:attr="skuId=${item.skuId}" class="itemChecked" th:checked="${item.check}">
							</li>
							<li>
								<dt><img th:src="${item.image}" alt=""></dt>
								<dd style="width: 300px;">
									<p>
										<span th:text="${item.title}">TCL 55A950C 55英寸32核</span>
										<br/>
										<span th:each="attr:${item.skuAttrValues}" th:text="${attr}">尺码: 55时 超薄曲面 人工智能</span>
									</p>
								</dd>
							</li>
							<li>
								<p class="dj" th:text="'￥' + ${#numbers.formatDecimal(item.price,3,2)}">￥4599.00</p>

							</li>
							<li>
								<p th:attr="skuId=${item.skuId}">
									<span class="countOpsBtn">-</span>
									<span class="countOpsNum" th:text="${item.count}">5</span>
									<span class="countOpsBtn">+</span>
								</p>

							</li>
							<li style="font-weight:bold">
								<p class="zj">￥[[${#numbers.formatDecimal(item.totalPrice,3,2)}]]</p>
							</li>
							<li>
								<p class="deleteItemBtn" th:attr="skuId=${item.skuId}">删除</p>
							</li>
						</ol>
					</div>
				</li>

			</ul>
		</div>
		<div class="One_ShopFootBuy fix1">
			<div>
				<ul>
					<li><input type="checkbox" class="allCheck"><span>全选</span></li>
					<li>删除选中的商品</li>
					<li>移到我的关注</li>
					<li>清除下柜商品</li>
				</ul>
			</div>
			<div>
				<font style="color:#e64346;font-weight:bold;" class="sumNum"> </font>&nbsp;

				<ul>
					<li><img src="/static/cart/img/buyNumleft.png" alt=""></li>
					<li><img src="/static/cart/img/buyNumright.png" alt=""></li>
				</ul>
			</div>
			<div>
				<ol>
					<li>总价:<span style="color:#e64346;font-weight:bold;font-size:16px;"
					             class="fnt">￥[[${#numbers.formatDecimal(cart.totalAmount, 3, 2)}]]</span>
					<li>优惠：￥[[${#numbers.formatDecimal(cart.reduce,1,2)}]]</li>
				</ol>
			</div>
			<div>
				<button onclick="toTrade()" type="button">去结算</button>
			</div>
		</div>
	</div>
</div>

<div class="One_isDel">
	<p>
		<span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
	</p>
	<div>
		<dl>
			<dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
			<dd>
				<li>删除商品？</li>
				<li>您可以选择移到关注，或删除商品。</li>
			</dd>
		</dl>
	</div>
	<div>
		<button type="button" onclick="deleteItem()">删除</button>

	</div>
</div>
<div class="One_moveGzIfNull">
	<p>
		<span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
	</p>
	<dl>
		<dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
		<dd>请至少选中一件商品！</dd>
	</dl>
</div>
<div class="One_moveMyGz">
	<p>
		<span>删除</span><span><img src="/static/cart/img/错误.png" alt=""></span>
	</p>
	<div>
		<dl>
			<dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
			<dd>
				<li>移到关注</li>
				<li>移动后选中商品将不再购物车中显示</li>
			</dd>
		</dl>
	</div>
	<div>
		<button type="button">确定</button>
		<button type="button">取消</button>
	</div>
</div>
<div class="One_clearShop">
	<p>
		<span>提示</span><span><img src="/static/cart/img/错误.png" alt=""></span>
	</p>
	<dl>
		<dt><img src="/static/cart/img/感叹三角形 (2).png" alt=""></dt>
		<dd>没有下柜商品!</dd>
	</dl>
</div>
<!--底部-->

<div class="one_footer">

</div>
</body>
<script src="/static/cart/js/index.js" charset="utf-8"></script>
<script type="text/javascript">
	function toTrade() {
		window.location.href = "/order/toTrade";
	}

	function toItem(skuId) {
		window.location.href = "http://item.gmall.com:8084/" + skuId + ".html";
	}

	function login() {
		var s = encodeURIComponent("http://cart.gmall.com:8087/cartList");
		window.location.href = "/auth/login.html";
	}

	function checkSku(chkbox) {
		var skuId = $(chkbox).attr("value");
		var checked = $(chkbox).prop("checked");
		var isCheckedFlag = "0";
		if (checked) {
			isCheckedFlag = "1";
		}
		var param = "isChecked=" + isCheckedFlag + "&" + "skuId=" + skuId;
		$.post("checkCart", param, function (data) {
			sumSumPrice();
		});

	}

	//封装总价钱函数
	function sumSumPrice() {
		//         var zzj=0;
		//         $(".check").each(function () {
		//             if($(this).prop("checked")){
		//                 var zj = $(this).parents("ol").find(".zj").html().substring(1);
		//                 zzj=zzj+parseFloat(zj);
		//             }
		//             $(".fnt").html("￥"+zzj+".00")
		//         });
	}

	/*    //购物车结算固定定位
			$(document).scroll(function(){
					if($(window).scrollTop()>50){
							$(".fix").hide();
					}else{
							$(".fix").show();
					}
			})*/


	//购物车顶端tab
	$(".One_Topleft span:last-child").mouseover(function () {
		$(".One_Topleft span:first-child").css({
			"color": "black",
			"border-bottom": "none"
		})
		$(this).css({
			"cursor": "pointer",
			"color": "#E4393C",
			"border-bottom": "2px solid red"
		})
	}).mouseout(function () {
		$(this).css({
			"color": "black",
			"border-bottom": "none"
		});
		$(".One_Topleft span:first-child").css({
			"cursor": "pointer",
			"color": "#E4393C",
			"border-bottom": "2px solid red"
		})
	})
	//立即登录
	$(".one_search_load input:button").click(function () {
		$(".One_mb").show();
		$(".One_DengLu").show();
	})
	//去结算
	$(".One_ShopFootBuy>div:last-child button").mouseover(function () {
		$(this).css("cursor", "pointer");
	})
	$(".One_ShopFootBuy>div:last-child button").click(function () {
		$(".One_mb").show();
		$(".One_DengLu").show();
	})
	//buyNum
	$(".One_ShopFootBuy>div:nth-child(2)").mouseover(function () {
		$(this).css("cursor", "pointer")
	})
	$(".One_ShopFootBuy>div:nth-child(2)").click(function () {
		$(this).children("ol").toggle();
		$(this).children("ul").toggle();
		var dis = $(".One_ShopFootBuy>div:nth-child(2) ol").css("display");
		if (dis == "none") {
			$(".One_ShopFootBuy>div:nth-child(2) img").css("transform", "rotateX(0)")
		} else if (dis == "block") {
			$(".One_ShopFootBuy>div:nth-child(2) img").css("transform", "rotateX(180deg)")
		}
	})
	//右侧固定定位
	$(".One_RightFix ul>li:not(:first-child)").mouseover(function () {
		$(this).css({
			"cursor": "pointer",
			"background": "#C91423"
		})
		$(this).children("ol").stop().animate({
			"left": "-75px"
		}, 200)
	}).mouseout(function () {
		$(this).css("background", "#7A6E6E");
		$(this).children("ol").stop().animate({
			"left": "75px"
		}, 200)
	})
	//右侧底部固定定位
	$(".One_RightbtmFix ul>li").mouseover(function () {
		$(this).css({
			"cursor": "pointer",
			"background": "#C91423"
		})
		$(this).children("ol").stop().animate({
			"left": "-55px"
		}, 200)
	}).mouseout(function () {
		$(this).css("background", "#7A6E6E");
		$(this).children("ol").stop().animate({
			"left": "55px"
		}, 200)
	})
	//登录弹框tab切换
	$(".One_DengLu>div:nth-child(3) ul li").mouseover(function () {
		$(this).css("cursor", "pointer")
	})
	$(".One_DengLu>div:nth-child(3) ul li").click(function () {
		var i = $(this).index();
		$(this).css({
			"color": "#E64346",
			"font-weight": "bold"
		})
			.siblings("li").css({
				"color": "black",
				"font-weight": "normal"
			})
		$(".One_DengLu>div:nth-child(3) ol li").eq(i).show().siblings().hide()
	})
	//优惠券
	$(".One_ShopBottom>div:nth-child(2) img").click(function () {
		$(".One_mb").show();
		$(".One_DengLu").show();
	})
	//配送地址hover效果
	$(".One_Topright span:last-child").mouseover(function () {
		$(this).children(".One_Local").css("display", "block")
	}).mouseout(function () {
		$(".One_Local>ul>li").eq(0).children("ol").css("display", "block")
		$(this).children(".One_Local").css("display", "none")
	})

	$(".One_Local>ul>li").eq(0).children("ol").css("display", "block")
	$(".One_Local>ul>li").mouseover(function () {
		var i = $(this).index();
		$(this).css("cursor", "pointer");
		$(this).children("ol").css("display", "block")
	}).mouseout(function () {
		$(".One_Local>ul>li").eq(0).children("ol").css("display", "block")
		$(this).children("ol").css("display", "none")
	})

	$(".One_Local>ul>li>ol li").mouseover(function () {
		$(this).css({
			"cursor": "pointer",
			"color": "#e64346"
		})
	}).mouseout(function () {
		$(this).css("color", "#005AA0")
	})

	$(".One_Local>ul>li>ol li").click(function () {
		$(this).parent().parent().children("label").html($(this).html())
	})
	//购物车全选反选
	$(".One_ShopTop ul li:first-child .allCheck").click(function () {
		if ($(".One_ShopTop ul li:first-child .allCheck").is(":checked")) {
			// $(".check").each(function(index){
			$(".check").prop("checked", true);
			$(".check").parent().parent().parent().css("background", "#fff4e8");
			$(".One_ShopBottom>div:first-child span:first-child .allCheck").prop("checked", true)
			// })
		} else {
			// $(".check").each(function(){
			$(".check").parent().parent().parent().css("background", "none");
			$(".check").prop("checked", false);
			$(".One_ShopBottom>div:first-child span:first-child .allCheck").prop("checked", false)
			// })
		}
	})
	$(".One_ShopFootBuy>div:first-child ul li:first-child .allCheck").click(function () {
		if ($(".One_ShopFootBuy>div:first-child ul li:first-child .allCheck").is(":checked")) {
			$(".check").prop("checked", true);
			$(".check").parent().parent().parent().css("background", "#fff4e8");
			$(".One_ShopBottom>div:first-child span:first-child .allCheck").prop("checked", true)
		} else {
			$(".check").parent().parent().parent().css("background", "none");
			$(".check").prop("checked", false);
			$(".One_ShopBottom>div:first-child span:first-child .allCheck").prop("checked", false)
		}
	})
	$(".One_ShopBottom>div:first-child span:first-child .allCheck").click(function () {
		if ($(".One_ShopBottom>div:first-child span:first-child .allCheck").is(":checked")) {
			$(".check").prop("checked", true);
			$(".check").parent().parent().parent().css("background", "#fff4e8");
		} else {
			$(".check").parent().parent().parent().css("background", "none");
			$(".check").prop("checked", false);
		}
	})
	//如果子选择框没有选中则父选框取消全选
	$(".check").click(function () {
		$(".check").each(function () {
			if ($(this).prop("checked") == true) {
				$(".allCheck").prop("checked", false);
			}
		})
	})
	//子选择框全部选中复选框也选中
	$(".check").click(function () {
		if ($(".check[class='check']:checked").length == $(".check[class='check']").length) {
			$(".allCheck").prop("checked", true);
		} else {
			$(".allCheck").prop("checked", false)
		}
	})
	//删除已选的商品
	$(".One_ShopFootBuy>div:first-child ul li:nth-child(2)").click(function () {
		// $(".check").each(function(){
		if ($(".check").is(":checked") == false) {
			$(".One_mb").show();
			$(".One_moveGzIfNull").show();
		} else {
			$(".One_mb").show(); //蒙版显示
			$(".One_isDel").show(); //删除弹框显示
			$(".One_moveGzIfNull").hide();
		}
		//移除结账固定定位
		// if($(".check").length==1){
		// 	$(".fix").remove();
		// }
		// })
		//var that=$(this);
		//确定删除
		/*      $(".One_isDel>div:last-child button:first-child").click(function(){
							$(".One_mb").hide();    //蒙版隐藏
							$(".One_isDel").hide(); //删除弹框隐藏
							$(".check:checked").parent().parent().parent().parent().remove();  //删除选中商品
							if($(".fix").offset().top>$(".fix1").offset().top){
									$(".fix").hide();
							}
							if($(".check").length==0){
									$(".allCheck").prop("checked",false);
									$(".sumNum").html("0");
									$(".fnt").html("￥ 0.00");
							}
					})*/
	})
	//确定删除弹框移入我的关注
	$(".One_isDel>div:last-child button:last-child").click(function () {
		$(".One_isDel").hide();
		$(".One_mb").show();
		$(".One_DengLu").show();
	})
	//移到我的关注
	$(".One_ShopFootBuy>div:first-child ul li:nth-child(3)").click(function () {
		$(".check").each(function (index) {
			if ($(this).is(":checked") == false) {
				$(".One_mb").show();
				$(".One_moveGzIfNull").show();
			} else {
				$(".One_mb").show();
				$(".One_moveMyGz").show();
				$(".One_moveGzIfNull").hide();
			}
		})
	})
	//点击×号关闭
	$(".One_moveGzIfNull>p span:last-child img").click(function () {
		$(".One_mb").hide();
		$(".One_moveGzIfNull").hide();
	})
	$(".One_moveMyGz>p span:last-child img").click(function () {
		$(".One_mb").hide();
		$(".One_moveMyGz").hide();
		$(".One_moveGzIfNull").hide();
	})
	$(".One_clearShop>p span:last-child img").click(function () {
		$(".One_mb").hide();
		$(".One_clearShop").hide();
	})
	//移到我的关注取消按钮点击关闭
	$(".One_moveMyGz>div:last-child button:last-child").click(function () {
		$(".One_mb").hide();
		$(".One_moveMyGz").hide();
	})
	//移到我的关注确定按钮点击登录弹框弹出
	$(".One_moveMyGz>div:last-child button:first-child").click(function () {
		$(".One_moveMyGz").hide();
		$(".One_mb").show();
		$(".One_DengLu").show();
	})

	$(".One_DengLu>p:first-child span:last-child img").click(function () {
		$(".One_mb").hide();
		$(".One_DengLu").hide();
	})
	//清除下柜商品
	$(".One_ShopFootBuy>div:first-child ul li:nth-child(4)").click(function () {
		$(".One_mb").show();
		$(".One_clearShop").show()
	})
	//购物车+ -
	//鼠标移入变小手
	$(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span").mouseover(function () {
		$(this).css("cursor", "pointer")
	})
	//+
	$(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span:last-child").click(function () {
		var add = $(this).prev("span").html();
		add++;
		$(this).prev("span").html(add);
		//总价
		var dj = $(this).parent().parent().prev().children(".dj").html().substring(1);
		var sl = $(this).prev("span").html();
		$(this).parent().parent().parent().children("li:nth-child(5)").children(".zj").html("￥" + dj * sl + ".00")
		sumSumPrice();

	})
	//-
	$(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span:first-child").click(function () {
		var jian = $(this).next("span").html();
		jian--;
		if (jian <= 0) {
			jian = 0;
		}
		$(this).next("span").html(jian);
		//总价
		var dj = $(this).parent().parent().prev().children(".dj").html().substring(1);
		var sl = $(this).next("span").html();
		$(this).parent().parent().parent().children("li:nth-child(5)").children(".zj").html("￥" + dj * sl + ".00")
		sumSumPrice();

	})
	//选中当前商品背景变色
	$(".check").each(function (index) {
		$(".check").eq(index).click(function () {
			if ($(this).is(":checked")) {
				$(this).parent().parent().parent().css("background", "#fff4e8");
				$(this).parent().parent().parent().parent().children("div:last-child").css("background", "#fff4e8")
			} else {
				$(this).parent().parent().parent().parent().children("div:last-child").css("background", "none")
				$(this).parent().parent().parent().css("background", "none")
			}
		})
	})
	//商品删除鼠标移入变色
	$(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p").mouseover(function () {
		$(this).css({
			"cursor": "pointer",
			"color": "#e64346"
		});
	}).mouseout(function () {
		$(this).css({
			"cursor": "pointer",
			"color": "gray"
		});
	})
	$(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:nth-child(2)").click(function () {
		$(".One_mb").show();
		$(".One_moveMyGz").show();
	})
	$(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:last-child").click(function () {
		$(".One_mb").show();
		$(".One_DengLu").show();
	})
	//点击删除
	//点击删除出现弹框
	$(".One_isDel>p img").click(function () {
		$(".One_mb").hide();
		$(".One_isDel").hide();
	})
	$(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(6) p:first-child").click(function () {
		$(".One_mb").show();
		$(".One_isDel").show();
		var that = $(this);
		//确定删除
		/*        $(".One_isDel>div:last-child button:first-child").click(function(){
								$(".One_mb").hide();
								$(".One_isDel").hide();
								that.parent().parent().parent().parent().remove();
								// 移除结账固定定位
								// if($(".check").length==1){
								// 	$(".fix").remove();
								// }
								if($(".fix").offset().top>$(".fix1").offset().top){
										$(".fix").hide();
								}
								if($(".check").length==0){
										$(".allCheck").prop("checked",false);
										$(".sumNum").html("0");
										$(".fnt").html("￥ 0.00");
								}
						})*/
	})
	/*    //页面滚动删除去结算固定定位隐藏
			$(document).scroll(function(){
					if($(".fix").offset().top>$(".fix1").offset().top){
							$(".fix").hide();
					}
			})*/
	$(".One_isDel>div:last-child button").mouseover(function () {
		$(this).css("cursor", "pointer");
	})

	$(".One_ShopFootBuy>div:first-child ul li:not(:first-child)").mouseover(function () {
		$(this).css({
			"cursor": "pointer",
			"color": "#e64346"
		})
	}).mouseout(function () {
		$(this).css("color", "black")
	})

	//封装总价钱函数
	function sumSumPrice() {
		console.log("计算总价");
		var zzj = 0;
		$(".check").each(function () {


			if ($(this).prop("checked")) {
				console.log("check!!" + $(this).parents("ol").find(".zj").html());
				var zj = $(this).parents("ol").find(".zj").html().substring(1);
				console.log(" 价格：" + zj);
				zzj = zzj + parseFloat(zj);
			}
			$(".fnt").html("￥" + zzj + ".00")
		})

		/*        $(".One_ShopCon ul li>div:nth-child(2) ol li:nth-child(5) .zj").each(function(){
								kong+=parseFloat($(this).html().substring(1))
						})
						$(".fnt").html("￥"+kong+".00")*/
	}

	//封装总数量函数
	function sumSumNum() {
		var kong = 0;
		$(".One_ShopCon ul li>div:nth-child(2) ol>li:nth-child(4) p:first-child span:nth-child(2)").each(function () {
			kong += parseFloat($(this).html())
		})
		$(".sumNum").html(kong);
	}

	$(".One_ShopCon ul li>div:nth-child(2)>ol>li:nth-child(2)>dd").mouseover(function () {
		$(this).css({
			"cursor": "pointer",
			"color": "#e64346"
		})
	}).mouseout(function () {
		$(this).css("color", "black")
	})
	//更多促销下拉
	$(".One_ShopCon ul li>div:nth-child(2) ol li:nth-child(3) p:nth-child(2)").click(function () {
		$(this).parent().children(".nmbd").slideToggle(300);
		var dis = $(this).parent().children(".nmbd").css("display");
		console.log(dis);
		// if(dis=="block"){
		// 	$(".hahaha").css("transform","rotateX(-180deg)")
		// }else{
		// 	$(".hahaha").css("transform","rotateX(360deg)")
		// }
	})
	$(".nmbd dd:last-child button:first-child").click(function () {
		$(this).parent().parent().slideUp(100)
	})
	$(".nmbd dd:last-child button:last-child").click(function () {
		$(this).parent().parent().slideUp(100)
	})


	//active
	$(".one_main_div1 .one_main_ul>li").mouseover(function () {
		$(".one_main_div1 .one_main_ul>li").removeClass("active");
		$(this).addClass("active");
	})
	//选项卡
	$(".one_main_div1 .one_main_ul li").mouseover(function () {
		$(".one_main_div1_1").eq($(this).index()).stop(true).show().siblings().stop(true).hide()
	})

	$(function () {
		//声明变量记录索引
		var index = 0;
		//点击右边按钮
		//忽略重复点击开关
		var toggle = true
		$(".arrow-right").click(function () {

			if (toggle == false) {
				return
			}
			toggle = false
			index++;
			if (index > $('.fade li').length - 1) {
				index = 0;
			}

		});

		//点击左边按钮
		$(".arrow-left").click(function () {
			if (toggle == false) {
				return
			}
			toggle = false
			index--;
			if (index < 0) {
				index = $('.fade li').length - 1;
			}
			$('.pagination ul li').eq(index).addClass('active').siblings().removeClass('active')
			$(".slider>ul>li").eq(index).fadeIn(500, function () {
				toggle = true
			}).siblings("li").fadeOut(500);
		});
		//点击分页器
		$('.pagination ul li').mouseover(function () {
			var paging = $(this).index()
			//变颜色
			$(this).addClass('active').siblings().removeClass('active')
			//与图片关联
			$(".slider>ul>li").eq(paging).fadeIn(1000).siblings("li").fadeOut(1000);

		})
	});
	$(".fade li>div a").mouseover(function () {
		$(this).children("p").children("img").attr("src", "img/one_mian_gwc2.png")
	}).mouseout(function () {
		$(this).children("p").children("img").attr("src", "img/one_mian_gwc1.png")
	});

	$(".itemChecked").click(function () {
		const skuId = $(this).attr("skuId");
		const checked = $(this).prop("checked");
		$.ajax({
			type: "post",
			url: "/cart/checkItem",
			data: "skuId=" + skuId + "&checked=" + (checked ? 1 : 0),
			// contentType: "application/json",
			// dataType: "json", // 指定后台传过来的数据是json格式
			success: function(data){
				console.log("修改成功")
				location.reload();
			},
			error: function(err){
				console.log("修改失败！");
			}
		})
		// location.href = "/cart/checkItem?skuId=" + skuId + "&checked=" + (checked ? 1 : 0);
	});


	$(".countOpsBtn").click(function () {
		const skuId = $(this).parent().attr("skuId");
		const num = $(this).parent().find(".countOpsNum").text();
		$.ajax({
			type: "post",
			url: "/cart/countItem",
			data: "skuId=" + skuId + "&num=" + num,
			success: function(data){
				console.log("修改购物车数量成功")
				location.reload();
			},
			error: function(err){
				console.log("修改购物车数量失败！");
			}
		})
		// location.href = "/cart/countItem?skuId=" + skuId + "&num=" + num;
	});


	let deleteId = 0;
	$(".deleteItemBtn").click(function () {
		deleteId = $(this).attr("skuId");
	});

	//删除购物车选项
	function deleteItem() {
		$.ajax({
			type: "delete",
			url: "/cart/deleteItem",
			data: "skuId=" + deleteId,
			success: function(data){
				console.log("删除购物项成功")
				location.reload();
			},
			error: function(err){
				console.log("删除购物项失败！");
			}
		})
		// location.href = "/cart/deleteItem?skuId=" + deleteId;
	}






</script>

</html>